<!--  -->
<template>
  <div class="leftTopModule">
    <header class="head">
        <titleModule style="width:100%;height:100%" :title="titleName">ggg</titleModule>
    </header>
    <section class="main"></section>
  </div>
</template>

<script>
import { reactive } from 'vue'
import titleModule from '../../components/title/index.vue'
const state = reactive({
    titleName:'各区GDP'
})
</script>
<style  scoped>
.leftTopModule{
    width: 100%;
    height: 100%;
}
.head{
    width: 100%;
    height: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>